h1{
    font-family: 'Georgia';
}

.tabla1, .c1, .f1 {
    border: 1px solid red;
    
  }
  .tabla2, .c2, .f2 {
    border: 1px solid rgb(10, 102, 71);
    width: 100%;
  }

  .tabla3,.c3,.f3 {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgb(208, 13, 226);

  }

  .tabla4{
    border: 1px solid ;
    width: 100%;
  }

  .tabla5,.c5,.f5 {
    width: 50%;
    border-collapse: collapse;
    border: 1px solid rgb(177, 30, 42);
  }
  .c5{
    height: 80px;
  }

  .tabla6{
    width: 80%;
    border-collapse: collapse;
    border: 2px solid rgb(255, 57, 255);
  }

  .c6{
text-align: right;
border: 2px solid salmon;
  }

  .f6{
text-align: left;
border: 2px solid steelblue;
  }

  .tabla7,.c7,.f7 {
    width: 50%;
    border-collapse: collapse;
    border: 1px solid rgb(117, 6, 74);
  }

  .f7{
    height: 70px;
    vertical-align: middle;
    text-align: center;
  }
  .tabla8,.c8,.f8 {
    width: 90%;
    border-collapse: collapse;
  
  }

  .c8,.f8{
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #4f0ace;
    border-right: 2px solid rgb(54, 0, 56);
 
  }

  .tabla9,.c9,.f9{
    width: 80%;
    text-align: center;
    border-collapse: collapse;
    border: 5px solid antiquewhite;
  }

  .c9{
    height: 70px;
  }

.hey:hover {background-color: coral;}
.uwu:hover {background-color: rgb(255, 89, 29);}

.tabla10,.c10,.f10{
    width: 50%;
    text-align: left;
    border-collapse: collapse;
    border: 5px solid rgb(0, 0, 0);
  }

  .clock:nth-child(even) {background-color: #0a0000;
color: wheat;}

.titulo{
    background-color: blue;
    color: white;
}

.tabla11{
    width: 3000px;
    border-collapse: collapse;
    border: 1px solid black;
  }

.chica{
    background-color: rgb(54, 0, 56);
    color: white;
    border: 5px solid blue;
}

.cebra{
    border-bottom: 3px solid yellow;
    border-left: 3px solid green;
    border-right: 3px solid red;
}
 .cebra td{
    border: 2px solid rgb(22, 29, 7);
 }

 tr.cebra:nth-child(even) {background-color: #d80606;color: wheat;}
 tr.cebra:nth-child(odd) {background-color: #0a06d8; color: white;}
 .c111:hover {background-color: rgb(80, 255, 89);}
 .c112:hover {background-color: rgb(0, 195, 255);}
 .c113:hover {background-color: rgb(172, 219, 0);}
 .c114:hover {background-color: rgb(72, 115, 255);} 
 .c115:hover {background-color: rgb(255, 238, 0); color: black;}
 .c116:hover {background-color: rgb(250, 0, 0);}

 .scroll {
    overflow-x: auto;
    width: 70%;
  }